#key1, #key2, #key3, #key4, #key5, #key6
{margin:10px;
  height:50px;width:50px;
  background:white;
  box-shadow:0 1px 10px grey;
  border-radius:50px;
  -moz-border-radius:50px
    -webkit-border-radius:50px;
  -o-border-radius:50px;
  text-align:center;
  line-height:50px;
  font-family:Impact;
  font-size:35px;
  overflow:hidden;
transition:all 0.5s;
  -moz-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -webkit-transition:all 0.5s;
}

#key1:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key1:active
{color:red;}
#key2:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key2:active
{color:red;}
#key3:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key3:active
{color:red;}
#key4:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key4:active
{color:red;}
#key5:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key5:active
{color:red;}
#key6:hover
{cursor:pointer;
  color:lime;
  box-shadow:0 0 5px black;
background:darkgreen;}
#key6:active
{color:red;}

#canvast
{
  text-align:center;
  font-size:30px;
  font-family:Impact;
  background:lightgrey;
   border-radius:50px;
  -moz-border-radius:50px
    -webkit-border-radius:50px;
  -o-border-radius:50px;
  width:450px;
  border:10px solid grey;
  color:transparent;
  text-shadow:0 0 5px black;
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -webkit-transition:all 0.5s;
}

#canvast:hover
{color:black;
  text-shadow:0 0 2px black;
background:lightyellow;
border-color:orange;}
